<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <div th:replace="/common/head::baseHead('用户中心')"></div>
    <style type="text/css">
        ._avatar {
            width: 100%;
        }
    </style>
</head>

<body>
    <div th:replace="/common/navbar::navbar(userCenter)"></div>
    <br>
    <div class="container">
        <div class="row">
            <div class="col-md-10">

            </div>
            <div class="col-md-2">
                <ul class="list-group">
                    <li class="list-group-item d-flex justify-content-center align-items-center">
                        <img th:src="@{${user.avatarUrl}}" class="rounded _avatar">
                    </li>
                    <li class="list-group-item d-flex justify-content-center align-items-center" th:text="${user.username}">username</li>
                    <li class="list-group-item d-flex justify-content-between align-items-center">未读消息
                        <span class="badge badge-primary badge-pill">14</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-center">项目总数
                        <span class="badge badge-primary badge-pill">14</span>
                    </li>
                </ul>

                <ul class="list-group">
                    <li class="list-group-item d-flex justify-content-center align-items-center">

                    </li>
                </ul>

            </div>
        </div>
    </div>
    <!--script-->
    <div th:replace="/common/js::baseJs"></div>
    <script>

    </script>
</body>

</html>